@charset "UTF-8";
@import "base";
html{
  font-size:100px;
}
.lay_out{
  min-width:320px;
  margin:0 auto;
}
/*头部*/
header{
  width: 100%;
  height:4rem;
  background: @mainColor;
  /*background: url(../publics/image/10.png) no-repeat 0 0;
  background-size: 100% 100%;*/
  padding-top: .2rem;
  position: relative;
  .icon_img{
    display:block;
    width:2rem;
    height:2rem;
    margin:0 auto;
    img{
      border-radius: 50%;
      height:100%;
      width:100%;
    }
  }
  p{
    height:.6rem;
    line-height:.6rem;
    padding-left:40%;
    color:#fff;
    i{
      font-size:.16rem;
    }
  }
}

/*内容*/

.content{
    padding-top:.2rem;
    padding-bottom:2rem;
    ul{
      li{
        height:1rem;
        line-height:1rem;
        border-bottom:1px solid #ccc;
        padding:0 .2rem;
        i{
          color:@mainColor;
          width:.4rem;
          text-align: center;
          font-size:.20rem;
        }
        .arrow{
          margin-top:.35rem;
          margin-right:.2rem;
          width:.3rem;
          height:.3rem;
          background: url(../publics/image/into_30.png) no-repeat;
          background-size:100%;
        }
      }
    }
}

/*底部*/
/*底部*/
footer{
  width:100%;
  height: 1rem;
  background: @mainColor;
  margin-top: .15rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 222;
  .foot_ul{
    width:100%;
    display:flex;
    li{
      height: 1rem;
      float: left;
      border-right: 1px solid #fff;
      font-size: .1rem;
      text-align: center;
      overflow: hidden;
      flex:1;
      a{
        color: #fff;
        display: block;
        height: 100%;
        img{
          width: .5rem;
          height: .5rem;
          display: block;
          margin: 0 auto;
          margin-top: .08rem;
        }
        span{
          display: block;
          margin-top: .05rem;
        }
      }
    }
    .footer_active{
      background: rgba(0,0,0,.3);
    }
  }
}
